<!DOCTYPE html>
<html>
<head>
    <title>华南农业大学综合测评管理系统</title>
    <meta charset="UTF-8">
    <link href="../resources/css/ext-all.css" type="text/css" rel="stylesheet"/>
    <script src="../ext/adapter/ext-base.js" type="text/javascript"></script>
    <script src="../ext/ext-all.js"></script>
    <!--<style type="text/css">-->
        <!--.logout{-->
            <!--font-size: 20px !important;-->
            <!--text-decoration: none !important;-->
        <!--}-->
    <!--</style>-->
    <script type="text/javascript">
        function startUp(){
            var viewport = new Ext.Viewport({
                id : "viewport",
                layout : "border",
                items : [
                    {
                        region : "north",
                        id : "northL",
                        border : false,
                        height : 55,
                        frame : true,
                        layout : "absolute",
                        layoutConfig: {
                            // layout-specific configs go here
                            extraCls: 'x-abs-layout-item'
                        },
                        baseCls: 'x-plain',
//                        defaultType: 'textfield',
                        items: [{
                            x: -1,
                            y: 5,
//                            html : "<a href='www.baidu.com'>退出</a> ",
                            border : false,
                            xtype : "label",
//                            style : ""
//                            cls : 'logout'
                            id : "logout"
                        }]
                    },
                    {
                        region : "west",
                        id : "westL",
                        border : false,
                        title : "条目",
                        collapsible : true,
                        autoScroll : true,
                        split : true,
                        width : 150,
                        xtype : "treepanel",
//                        dataUrl : "",
//                        root: {
//                            nodeType: 'async',
//                            text: '条目',
//                            draggable: false,
//                            id: 'root'
//                        }

                        rootVisible : false,
                        root : {
                            text : "根节点",
                            draggable:false,
                            id : "root",
                            children : [
                                {
                                    text : "基础环境",
                                    id : "root_base",
                                    children : [
                                        {
                                            text : "加减分细则管理",
                                            id : "root_rule",
                                            xtype : "treepanel",
                                            children : [
                                                {
                                                    text : "评分细则总览",
                                                    leaf : true
                                                },
                                                {
                                                    text : "智育",
                                                    leaf : true
                                                },
                                                {
                                                    text : "德育",
                                                    leaf : true
                                                },
                                                {
                                                    text : "体育",
                                                    leaf : true
                                                }
                                            ]
                                        },
                                        {
                                            text : "学生用户管理",
                                            id : "user_mage",
                                            leaf : true
                                        }
                                    ]
                                },
                                {
                                    text : "系统管理",
                                    id : "root_sys",
                                    xtype : "treepanel",
                                    children : [
                                        {
                                            text : "报告",
                                            id : "paper",
                                            leaf : true
                                        },
                                        {
                                            text : "班级管理",
                                            id : "classes",
                                            leaf : true
                                        },
                                        {
                                            text : "角色管理",
                                            id : "rule",
                                            leaf : true
                                        },
                                        {
                                            text : "权限管理",
                                            id : "right",
                                            leaf : true
                                        },
                                        {
                                            text : "用户管理",
                                            id : "right",
                                            leaf : true
                                        }
                                    ]
                                }
                            ]
                        }
//                        loader: new Ext.tree.TreeLoader(),
//                        root: new Ext.tree.AsyncTreeNode({
//                            expanded: true,
//                            children: [{
//                                text: 'Menu Option 1',
//                                leaf: true
//                            }, {
//                                text: 'Menu Option 2',
//                                leaf: true
//                            }, {
//                                text: 'Menu Option 3',
//                                leaf: true
//                            }]
//                        }),
//                        rootVisible: false,
//                        listeners: {
//                            click: setTap(id,this.Container)
//                        }
                    },
                    {
                        region : "center",
                        id : "centerL",
                        border : false,
                        autoScroll : true,
                        split : true,
                        xtype : "tabpanel",
                        activeTab : 0,
                        id : "tab_0",
                        items : [
                            {
                                title : "我的桌面",
                                html : "欢迎"
                            }
                        ]
                    }
                ]
            });
        }

        function setTap(n,vp){
            Ext.MessageBox.alert("title",n);
        }

        Ext.onReady(startUp);
    </script>
</head>
<body>

</body>
</html>